<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="" />
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/cobox.css" rel="stylesheet" type="text/css">
<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- /css files -->
<!-- font links -->
<link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cinzel:400,700,900' rel='stylesheet' type='text/css'>
<!-- /font links -->	
<!-- js files -->
<script src="js/modernizr.custom.js"></script>
<!-- /js files -->
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
 <audio autoplay loop >
   <source src="music/谢春花 - 理想三旬 (Live).mp3" type="audio/mp3">
 </audio>
 <div class="navbar-wrapper">
      <div class="container">

        <nav class="navbar navbar-inverse navbar-static-top">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html">大学时光</a>
            </div>
            <a href="index.html"></a><div id="navbar" class="navbar-collapse collapse navbar-right">
              <ul class="nav navbar-nav link-effect">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#about">我</a></li>
                <li><a href="#portfolio">作品</a></li>
				<li><a href="#gallery">相册</a></li>
				<li><a href="#contact">结语</a></li>
              </ul>
            </div>
          </div>
        </nav>

      </div>
    </div>
<!-- Banner -->
<div class="banner">
	<ul class="rslides" id="slider">
		<li>
			<div class="banner-info">
				<h3>我的大学生活</h3>
				<span class="line1"></span>
				<p>我接受命运，但怀疑生活</p>
				<span class="line2"></span>
				<!--<div class="social-icons">
					<a href="#"><span class="QQ空间"></span></a>
					<a href="#"><span class="邮箱"></span></a>
					<a href="#"><span class="Github"></span></a>
					<a href="#"><span class="微博"></span></a>
				</div>-->
			</div>	
		</li>
		<li>
			<div class="banner-info">
				<h3>我们的美好时光</h3>
				<span class="line1"></span>
				<p>永远年轻，永远自信</p>
				<span class="line2"></span>
				<!--<div class="social-icons">
					<a href="#"><span class="QQ空间"></span></a>
					<a href="#"><span class="邮箱"></span></a>
					<a href="#"><span class="Github"></span></a>
					<a href="#"><span class="微博"></span></a>
				</div>-->
			</div>
		</li>
		<li>
			<div class="banner-info">
				<h3>我们成长之路</h3>
				<span class="line1"></span>
				<p>愿烟火人间，安得太平美满</p>
				<span class="line2"></span>
				<!--<div class="social-icons">
					<a href="#"><span class="QQ空间"></span></a>
					<a href="#"><span class="邮箱"></span></a>
					<a href="#"><span class="Github"></span></a>
					<a href="#"><span class="微博"></span></a>
				</div>-->
			</div>
		</li>
	</ul>	
</div>
<!-- /Banner -->
<!-- About -->
<div class="about-me" id="about"> 
	<h3 class="text-center slideanim">关于我</h3>
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-xs-12">
				<div class="mydetails slideanim text-center">
					<img class="img-circle img-responsive" src="images/我.jpg" alt="Generic placeholder image" width="128" height="182">
					<h3>杨洋</h3>
					<p>机械电子工程</p>
					<!--<div class="social-icons">
						<a href="#"><span class="QQ空间"></span></a>
					<a href="#"><span class="邮箱"></span></a>
					<a href="#"><span class="Github"></span></a>
					<a href="#"><span class="微博"></span></a>
					</div>-->
				</div>
			</div>
			<div class="col-md-8 col-xs-12">
				<div class="myskills slideanim">
					<h3 class="text-center">我来了</h3>
					<p class="skill-text">我喜欢文学，它让我的思绪游荡在浩瀚的海洋里，感悟世间万事万物的变幻。我也喜欢动手，去实现自己一些奇奇怪怪的想法。平时除了工作和学习之外，空闲时间用来阅读和思考，还有一些小爱好，无线电，硬笔书法，写作，厨艺；喜欢的排球，篮球，乒乓球。最喜欢的文学作品是路遥的《平凡的世界》，它带给我的是巨大的心灵震撼和无穷的力量，让我铭记于心。很喜欢同名电视剧中的一句话“只有永不遏制的奋斗，才能使青春之花，即便是凋谢，也是壮丽的凋谢”。未来的样子，希望自己通过自己的努力实现自己的理想，可以让自己的家人过上幸福的生活。</p>
					<div class="skill-info"> 
						<div class="table-responsive"></div>	
					</div>
				</div>	
			</div>
		</div>	
	</div>	
</div>
<!-- /About -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<!-- Portfolio -->
	<div class="myportfolio" id="portfolio">
		<h3 class="text-center slideanim">我的作品</h3>
		<p class="text-center slideanim">这是我大学三年的作品</p>
		<section class="vertical" id="grid3d">
				<div class="grid-wrap">
					<div class="grid">
						<figure><img class="slideanim" src="images/3D打印机。.jpg" alt="img01"/></figure>
						<figure><img class="slideanim" src="images/机械臂.jpg" alt="img05"/></figure>
						<figure><img class="slideanim" src="images/固定翼.jpg" alt="img08"/></figure>
						<figure><img class="slideanim" src="images/四旋翼.jpg" alt="img02"/></figure>
						<figure><img class="slideanim" src="images/音响.jpg" alt="img04"/></figure>
						<figure><img class="slideanim" src="images/流水灯.jpg" alt="img03"/></figure>
						<figure><img class="slideanim" src="images/选箭器.jpg" alt="img09"/></figure>
						<figure><img class="slideanim" src="images/小车.jpg" alt="img06"/></figure>
						<figure><img src="images/船模.jpg" alt="img07" width="74%" height="387" class="slideanim"/></figure>
					</div>
				</div><!-- /grid-wrap -->
				<div class="content">
					<div>
						
						<h3 class="content-text">kossel3D打印机</h3>
						<p class="content-text">关于这台3D打印机，从我见识过3D打印的魅力之后，就决心自己制作一台3D打印机，至于结构，我非常喜欢并联臂这种结构 ，觉得这种结构非常酷。就决定开始制作一台kossel的3D打印机，从结构的定型和三维结构图的绘制，采购，装配，电路设计，后期的固件的调参和整机调试到作品完成。一步步走来，期间问了几位师兄，网上搜集资源，每一步都记忆深刻。经过两个月的努历，终于实现了自己的想法。当打印机打出第一朵蓝玫瑰的时候，我心中的花儿开了。最后感谢我的师兄，给我答疑。</p>
					</div>
					<div>
						
						<h3 class="content-text">3D打印机械臂</h3>
						<p class="content-text">3D打印机械臂是我申请的大学生创新项目，申请为黑龙江省重点大学生创新项目，至今结构已经设计装配完工，电路，程序设计，上位机正在制作中。</p>
					</div>
					<div>
						<!--<div class="content-img"><video source src=img/"video/飞的更高.mp4"type="video/MP4" controls width="400px" heigt="400px" autoplay="autoplay"></source></video> </div>-->
						<h3 class="content-text">固定翼航模</h3>
						<p class="content-text">固定翼航模是我大二的时候，那段时间热衷于航模，于是自己制作了一架苏27固定翼航模，主体采用了魔术板是利用其抗摔能力，购买了固定翼A3飞控，天地飞7遥控器。配置成一套航模，由于没有飞行经验，首飞就炸鸡了，后来就修复了。</p>
					</div>
					<div>
                     <!--<div class="content-img"><video id="media" src="../video/sixuanyi.mp4" controls width="400px" heigt="400px"></video> </div>-->
						<h3 class="content-text">四旋翼飞行器</h3>
						<p class="content-text">四旋翼飞行器我继固定翼航模之后的作品，由于在网上查看各种攻略和自己有相关的实做经验，它的制作，采购完零件，一天就制作完毕，APM飞控的调试费了挺大劲儿，调试过程一波三折。后来飞了半天模拟器，有一定的飞行经验，首飞很顺利。飞机腾空起飞的那一刻，心里幸福感满满的。</p>
					</div>
					<div>
						
						<h3 class="content-text">DIY音响</h3>
						<p class="content-text">关于这个音响是我记忆最深刻的，大一时用模电做的第一个作品，当时初生牛犊不怕虎，什么lm1875功放芯片，电源桥式整流电路，滤波电路，功放放大电路，电容，电阻，电烙铁的使用，这些一窍不通。期间炸了多少个电容，焊错了多少次电路。冒烟好几次，哎呀，一路披荆斩棘过来，终于成功了，当它播放音乐的时候，心里满满的喜悦。</p>
					</div>
					<div>
						
						<h3 class="content-text">心形流水灯</h3>
						<p class="content-text">流水灯是我学习单片机时做的作品，期间学会了单片机编程，复位电路，电源电路设计，提高焊工水平。</p>
					</div>
					<div>
						
						<h3 class="content-text">选箭器项目</h3>
						<p class="content-text">这个项目是我们参加我校科技园火莹科技有限公司的弓箭选箭器项目，我主要负责结构设计和生产，参与电路设计。</p>
					</div>
					<div>

						<h3 class="content-text">arduino小车</h3>
						<p class="content-text">arduino小车是学习arduino单片机时的作品，实现自主避障和手机遥控</p>
					</div>
					<div>
						
						<h3 class="content-text">船模</h3>
						<p class="content-text">此作品是我用uno r3解析天地飞，增强船模的遥控范围，由于手机wifi和蓝牙控制遥控距离近，我通过算法将接收机的PPM的模拟量转换为pwm信号的范围值。实现航模遥控器控制uno单片机。</p>
					</div>
					<span class="loading"></span>
					<span class="icon close-content"></span>
				</div>
			</section>
		</div>	 
<!-- /Portfolio -->
<!-- Gallery -->
<div class="mygallery" id="gallery">
  <h3 class="text-center slideanim">相册</h3>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<div class="text-center"> 
		<p><a href="images/佛山.jpg" title="相册"><img src="images/佛山.jpg" alt="example-1" class="img-responsive slideanim"></a> 
		  <a href="images/我们1.jpg" title="相册"><img src="images/我们1.jpg" alt="example-2" width="423" height="292" class="img-responsive slideanim"></a> 
		  <a href="images/出行-2.jpg" title="相册"><img src="images/出行-2.jpg" alt="example-3" width="379" height="264" class="img-responsive slideanim"> </a>
		  <a href="images/军训.jpg" title="相册"><img src="images/军训.jpg" alt="example-3" width="419" height="287" class="img-responsive slideanim"></a>
		  <a href="images/cs.jpg" title="相册"><img src="images/cs.jpg" alt="example-3" width="377" height="270" class="img-responsive slideanim"></a>
		  <a href="images/我们2.jpg" title="相册"><img src="images/我们2.jpg" alt="example-3" width="417" height="288" class="img-responsive slideanim"></a>
		  <a href="images/大庆.jpg" title="相册"><img src="images/大庆.png" alt="example-3" width="393" height="276" class="img-responsive slideanim"></a>
		  <a href="images/端午节.jpg" title="相册"><img src="images/端午节.jpg" alt="example-3" width="405" class="img-responsive slideanim"></a>
		  <a href="images/制博会.jpg" title="相册"><img src="images/制博会.jpg" alt="example-3" width="410" height="284" class="img-responsive slideanim"></a>
		  <a href="images/17烧烤.jpg" title="相册"><img src="images/17烧烤.jpg" alt="example-3" width="387" height="285" class="img-responsive slideanim"></a>
		  <a href="images/狗岛.jpg" title="相册"><img src="images/狗岛.jpg" alt="example-3" width="406" height="264" class="img-responsive slideanim"></a>
	  <a href="images/狗岛-2.jpg" title="相册"><img src="images/狗岛-2.jpg" alt="example-3" width="392" height="296" class="img-responsive slideanim"></a></p>
		<p><a href="images/嘿嘿.jpg" title="相册"><img src="images/嘿嘿.jpg" alt="example-3" width="401" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/聚会.jpg" alt="example-3" width="401" height="294" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/聚餐.jpg" alt="example-3" width="398" height="300" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/聚餐-1.jpg" alt="example-3" width="407" height="285" class="img-responsive slideanim"></a></p>
		<p><a href="images/离别.jpg" title="相册"><img src="images/离别.jpg" alt="example-3" width="407" height="294" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/骑行.jpg" alt="example-3" width="399" height="297" class="img-responsive slideanim"></a></p>
		<p><a href="images/烧烤-1.jpg" title="相册"><img src="images/烧烤-1.jpg" alt="example-3" width="267" height="273" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/工程学人.jpg" alt="example-3" width="271" height="261" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/社团.jpg" alt="example-3" width="291" height="304" class="img-responsive slideanim"></a></p>
		<p><a href="images/生日.jpg" title="相册"><img src="images/生日.jpg" alt="example-3" width="394" height="289" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/生日快乐.jpg" alt="example-3" width="438" height="217" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/实验室.jpg" alt="example-3" width="397" height="287" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/拖拉机.jpg" alt="example-3" width="438" height="288" class="img-responsive slideanim"></a></p>
		<p><a href="images/龙建杯.jpg" title="相册"><img src="images/龙建杯.jpg" alt="example-3" width="397" height="280" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/佳木斯.jpg" alt="example-3" width="440" height="306" class="img-responsive slideanim"></a></p>
		<p><a href="images/哈工大.jpg" title="相册"><img src="images/哈工大.jpg" alt="example-3" width="398" height="288" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/trcc.jpg" alt="example-3" width="440" height="273" class="img-responsive slideanim"></a></p>
		<p><a href="images/哈工海度.jpg" title="相册"><img src="images/哈工海度.jpg" alt="example-3" width="403" height="270" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/车友会.jpg" alt="example-3" width="436" height="291" class="img-responsive slideanim"></a></p>
		<p><a href="images/我们3.jpg" title="相册"><img src="images/我们3.jpg" alt="example-3" width="410" height="264" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/我们4.jpg" alt="example-3" width="438" height="276" class="img-responsive slideanim"></a></p>
		<p><a href="images/室友2.jpg" title="相册"><img src="images/室友2.jpg" alt="example-3" width="412" height="273" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/室友5.jpg" alt="example-3" width="437" height="285" class="img-responsive slideanim"></a></p>
		<p><a href="images/五四.jpg" title="相册"><img src="images/五四.jpg" alt="example-3" width="414" height="274" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/班饭.jpg" alt="example-3" width="434" height="276" class="img-responsive slideanim"></a></p>
		<p><a href="images/我4.jpg" title="相册"><img src="images/我4.jpg" alt="example-3" width="276" height="291" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/天安门.jpg" alt="example-3" width="286" height="291" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/室友.jpg" alt="example-3" width="287" height="279" class="img-responsive slideanim"></a></p>
		<p><a href="images/我1.jpg" title="相册"><img src="images/我1.jpg" alt="example-3" width="278" height="288" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/开心.jpg" alt="example-3" width="286" height="291" class="img-responsive slideanim"></a><a href="images/me12-12.jpg" title="My Image Gallery"><img src="images/我6.jpg" alt="example-3" width="275" height="286" class="img-responsive slideanim"></a></p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
	</div>

</div>	
<!-- Gallery -->
<!-- footer -->	
<div class="contact-me" id="contact">
	<h3 class="text-center slideanim">结语</h3>
	<p class="text-center slideanim">记录大学生活中的点点滴滴，努力的过好每一天，</p>
	
<!-- /footer -->	
	<!-- js files -->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<!-- js files for banner slider -->
	<script src="js/responsiveslides.min.js"></script>
	  <script>
    $(window).load(function() {

     // Slideshow for banner
      $("#slider").responsiveSlides({
        maxwidth: 1920,
        speed: 1000
      });


    });
  </script>
	<!-- /js files for banner slider -->
	<!-- js files for portfolio -->
		<script src="js/classie.js"></script>
		<script src="js/helper.js"></script>
		<script src="js/grid3d.js"></script>
		<script>
			new grid3D( document.getElementById( 'grid3d' ) );
		</script>
	<!-- /js files for portfolio -->
	<!-- js files for gallery -->
<script type="text/javascript" src="js/cobox.js"></script>
	<!-- /js files for gallery -->	
	<!-- js for smooth scrolling -->
	
		<script>
$(document).ready(function(){
  // Add smooth scrolling to all links in navbar + footer link
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {

  // Store hash
  var hash = this.hash;

  // Using jQuery's animate() method to add smooth page scroll
  // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
  $('html, body').animate({
    scrollTop: $(hash).offset().top
  }, 900, function(){

    // Add hash (#) to URL when done scrolling (default click behavior)
    window.location.hash = hash;
    });
  });
})

</script>
	<!-- /js for smooth scrolling -->
	<!-- js for sliding -->
	
	<script>
	$(window).scroll(function() {
  $(".slideanim").each(function(){
    var pos = $(this).offset().top;

    var winTop = $(window).scrollTop();
    if (pos < winTop + 600) {
      $(this).addClass("slide");
    }
  });
});
</script>
	<!-- /js for sliding -->
	<!-- /js files -->
	
</body>
</html>	